<!DOCTYPE html>
<html lang="zh-Hans-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta itemprop="name"content="博以至客论坛">
    <meta itemprop="description" content="宁静致远,明镜止水">
    <meta itemprop="image"  content="http://60.205.188.140:8888/image/501664112.jpg">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <title>博以至客论坛</title>
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">
    <link href="../css/index_style.css" rel="stylesheet" type="text/css">
    <link href="../css/animate.min.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" th:href="@{favicon.ico}" />
</head>
<body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
        <ul class="point">
            <li><a href="#"><img class="layui-nav-img" th:src="'../image/501664112.jpg'"></a></li>
            <li><a style="font-family: 楷体" href="#">孤雏</a></li>
            <li><a style="font-family: 楷体" href="#">心如止水,明镜致远</a></li>
            <li><a href="#">首页</a></li>
            <li><a href="/article">博客</a></li>
            <li><a href="/message">留言</a></li>
        </ul>
        <div class="logo"><a>Home page</a></div>
    </div>
    <div style="font-family: 楷体" class="section" id="section1">
        <div class="fp-tablecell">
            <div class="page1">
                <div class="nav wow zoomIn" data-wow-duration="2s">
                    <h1 style="font-family: 楷体">初学者丶</h1>
                    <p style="font-family: 楷体">宁静致远,明镜止水</p>
                    <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="/article">Get Into MyBlog</a>
                </div>
                <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="fp-tablecell">
            <div class="page2">
                <div class="warp-box">
                    <div class="new-article">
                        <div class="inner wow fadeInDown" data-wow-delay=".2s">
                            <h1 style="font-family: 楷体">热门文章</h1>
                            <p style="font-family: 楷体">
                                很想给你写封信,告诉你这里的天气.
                                <br>昨夜的那场电影,还有我的心情.
                            </p>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px" data-wow-delay=".3s"  th:each="article : ${article}">
                            <div class="single-news">
                                <div class="news-head">
                                    <img th:src="'http://blog-cxz.oss-cn-beijing.aliyuncs.com/'+${article.article_id}+'.jpg'">
                                    <a th:href="'/read?article_title='+${article.article_title}" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="#" th:text="${article.article_title}">
                                        </a>
                                    </h4>
                                    <div class="date" th:text="${article.article_time}">
                                    </div>
                                    <p th:text="${article.article_content}">
                                    </p>
                                    <a href="/article" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="fp-tablecell">
            <div class="page3">
                <div class="warp-box">
                    <div class="warp">
                        <div class="inner">
                            <div class="links">
                                <ul>
                                    <li class="wow fadeInLeft"><a href="/aboutMe">关于</a></li>
                                    <li class="wow fadeInRight"><a href="/link">+友情链接</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="fp-tablecell">
            <div class="page4">
                <div class="warp-box">
                    <div class="about">
                        <div class="inner">
                            <h1 class="wow fadeInLeft" style="font-family: 楷体">次元行者</h1>

                            <p class="wow fadeInRight" style="font-family: 楷体">
                                爱好游戏，动漫。闲来无事喜欢在一些不#健#康的场所虚度光阴，撸起代码就会废寝忘食。
                            </p>
                            <br>
                            <div  style="margin: auto">
                                <div class="layui-card">
                                    <div class="layui-card-header">最新一周访问次数</div>
                                    <div class="layui-card-body" style="min-height: 450px;">
                                        <div id="main1" class="layui-col-sm12" style="height: 480px;"></div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer wow fadeInUp" id="contact">
        <div class="footer-top">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget about">
                            <div class="footer-logo">
                                <h2 style="font-family: 楷体">初学者丶</h2>
                            </div>
                            <p style="font-family: 楷体">宁静致远,明镜止水。</p>
                            <div class="button">
                                <a href="/read?article_title=我的个人传" style="font-family: 楷体" class="btn layui-btn layui-btn-normal">About Me</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget">
                            <h2 style="font-family: 楷体">相关链接</h2>
                            <ul class="social-icon">
                                <li class="active"><a href="/article"><i class="fa fa-book"></i>博文</a></li>
                                <li class="active"><a href="/message"><i class="fa fa-comments"></i>留言</a></li>
                                <li class="active"><a href="javascript:void(0)"  onclick="qqShare('http://60.205.188.140:8888/','心如止水,明镜致远','博以至客论坛',null,'http://60.205.188.140:8888/image/501664112.jpg')"><i class="fa fa-share"></i>资源</a></li>
                                <li class="active"><a href="/aboutMe"><i class="fa fa-snowflake-o"></i>日志</a></li>
                                <li class="active"><a href="/link"><i class="fa fa-files-o"></i>归档</a></li>
                            </ul>                   
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                        <div class="single-widget contact">
                            <h2 style="font-family: 楷体">联系我</h2>
                            <ul class="list">
                                <li><i class="fa fa-map"></i>地址: 江西南昌青山湖区双港东大街808号</li>
                                <li><i class="fa fa-qq"></i>QQ: 501664112 </li>
                                <li><i class="fa fa-envelope"></i>邮箱: 501664112@qq.com</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                        <p class="mt05">
                            Copyright &copy; 2021-2021 初学者 <a style="color: white" href="http://www.mygirlfriends.cn/">mygirlfriends.cn</a> 版权所有 ICP证:<a style="color: white" href="https://beian.miit.gov.cn/">赣ICP备2021004732号</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>  
    </footer>
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>
<script type="text/javascript">
    function qqShare(url,title,summary,pics){
        var urlPath = "https://connect.qq.com/widget/shareqq/index.html?url="+ encodeURI(url) +
            "&desc=&title=" + title +
            "&summary=" + summary +
            "&pics=" + pics;
        window.open (urlPath, 'qq分享', 'height=637, width=1053, top=195,left=459, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
    }
</script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
<script type="text/javascript" th:inline="javascript">
    var adminCount=[[${session.adminCount}]];
    var Monday=[[${session.Monday}]];
    var Tuesday =[[${session.Tuesday}]];
    var Wednesday =[[${session.Wednesday}]];
    var Thursday =[[${session.Thursday}]];
    var Friday =[[${session.Friday}]];
    var Saturday =[[${session.Saturday}]];
    var Sunday=[[${session.Sunday}]];
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main1'));

    // 指定图表的配置项和数据
    var option = {
        grid: {
            top: '5%',
            right: '1%',
            left: '1%',
            bottom: '10%',
            containLabel: true
        },
        tooltip: {
            trigger: 'axis'
        },
        xAxis: {
            type: 'category',
            data: ['周一','周二','周三','周四','周五','周六','周日']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name:'用户量',
            data: [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday],
            type: 'line',
            smooth: true
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>